<!--导航栏-->
<div class="row-fluid">
    <div class="navbar no-margin">
        <div class="navbar-inner">
            <ul class="breadcrumb">
                <i class="icon-chevron-left hide-sidebar"><a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a></i>
                <i class="icon-chevron-right show-sidebar" style="display:none;"><a href='#' title="Show Sidebar"
                        rel='tooltip'>&nbsp;</a></i>
                <li>
                    <a href="#/reci">首页</a>
                </li>
                <li class="active"> {{vm.zpsrcCN}}地域职类热度</li>
            </ul>
        </div>
    </div>
</div>
<div class="pull-convert-alert"></div>

<style type="text/css">
    .form-control {
        height: 25px;
        padding: 0 3px;
        font-size: 12px;
        min-width: 150px;
    }

    .btn {
        padding: 3px 16px;
        font-size: 12px;
    }
</style>

<div style="padding: 0 10px 10px">
    <div style="text-align: left; font-size: 1.2rem; float: left; width: 50%;">
        <a href="https://docs.qq.com/sheet/DTGNEZVV6TXlDalNJ?tab=BB08J2" target="_blank"><u>整体说明&指标口径</u></a>
    </div>
    <div style="text-align: right;font-size: 1.2rem; float: right;width: 50%;color: red;">数据更新时间：每日10:00后更新昨日数据</div>
    <br />
</div>

<div style="padding: 0 10px 10px;">
    <div class="row">
        <div class="col-sm-2 col-md-2">
            <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-default active" ng-click="toggleInteval('day')">
                    <input type="radio" value="day" ng-model="vm.p.interval" ng-checked="true"> 当日
                </label>
                <label class="btn btn-default" ng-click="toggleInteval('week')">
                    <input type="radio" value="week" ng-model="vm.p.interval"> 本周
                </label>
                <label class="btn btn-default" ng-click="toggleInteval('month')">
                    <input type="radio" value="month" ng-model="vm.p.interval"> 本月
                </label>
            </div>


        </div>
        <div class="col-sm-10 col-md-10">
            <form class="form-inline" action="" onsubmit="return false;">

                <div class="form-group">
                    <label for="exampleInputEmail3">终端类型</label>
                    <select class="form-control" ng-model="vm.p.endpoint" id="exampleInputEmail3">
                        <option value="">全部</option>
                        <option value='pc'>PC</option>
                        <option value='m'>M</option>
                        <option value='app'>APP</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="exampleInputEmail2">搜索类型</label>
                    <select class="form-control" ng-model="vm.p.searchType" id="exampleInputEmail2">
                        <option value="">全部</option>
                        <option value='inputWord'>输入词</option>
                        <option value='systemWord'>系统词</option>
                    </select>
                </div>

                <div class="form-group">
                    <label for="exampleInputName2">地域</label>
                    <select id="exampleInputName2" ng-model="vm.p.areaName" ng-options="item for item in areaNames"
                        class="form-control">
                        <option value="">全部</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="exampleInputName3">职类</label>
                    <select id="exampleInputName3" ng-model="vm.p.catename" class="form-control">
                        <option value="">全部</option>
                        <option>普工/技工</option>
                        <option>安检员</option>
                        <option>司机/交通服务</option>
                        <option>餐饮</option>
                        <option>家政保洁/安保</option>
                        <option>物流/仓储</option>
                        <option>超市/百货/零售</option>
                        <option>人事/行政/后勤</option>
                        <option>影视/娱乐/休闲</option>
                        <option>教育培训</option>
                        <option>销售</option>
                        <option>客服</option>
                        <option>医院/医疗/护理</option>
                        <option>建筑</option>
                        <option>美容/美发</option>
                        <option>计算机/互联网/通信</option>
                        <option>财务/审计/统计</option>
                        <option>汽车制造/服务</option>
                        <option>酒店</option>
                        <option>保健按摩</option>
                        <option>电商职位</option>
                        <option>物业管理</option>
                        <option>美术/设计/创意</option>
                        <option>机械/仪器仪表</option>
                        <option>生产管理/研发</option>
                        <option>编辑/出版/印刷</option>
                        <option>服装/纺织/食品</option>
                        <option>房产中介</option>
                        <option>金融/银行/证券/投资</option>
                        <option>质控/安防</option>
                        <option>贸易/采购</option>
                        <option>电子/电气</option>
                        <option>市场/媒介/公关</option>
                        <option>运动健身</option>
                        <option>广告/会展/咨询</option>
                        <option>农/林/牧/渔业</option>
                        <option>环保/能源</option>
                        <option>高级管理</option>
                        <option>保险</option>
                        <option>旅游</option>
                        <option>制药/生物工程</option>
                        <option>实习生/培训生/储备干部</option>
                        <option>政府/非营利机构</option>
                        <option>法律</option>
                        <option>志愿者/社会工作者</option>
                        <option>职业培训</option>
                        <option>翻译</option>
                        <option>其他招聘信息</option>
                        <option>化工</option>
                        <option>鞋类</option>
                        <option>招聘会</option>
                    </select>
                </div>

                <button id="refreshTable" type="button" class="btn btn-primary" ng-click="searchWordTop()">
                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>搜索
                </button>

                <!-- <div class="btn-group" data-toggle="test">
                    <label class="btn btn-default" id="aggByAreaName" >
                        <input style="display:none" type="radio" value="aggByAreaName" ng-model="vm.p.aggType" ng-click="toggleAggType('aggByAreaName',$event);$event.stopPropagation();"> 地域
                    </label>
                    <label class="btn btn-default" id="aggByCatename" >
                        <input style="display:none" type="radio" value="aggByCatename" ng-model="vm.p.aggType" ng-click="toggleAggType('aggByCatename',$event);$event.stopPropagation();"> 职类
                    </label>
                </div> -->

            </form>
        </div>
    </div>
</div>

<div class="container-fluid">
    <div style="margin: 10px">
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <h4 class="sub-header" style="font-size: 1.6rem;"> {{vm.zpsrcCN}}地域职类热度（TOP1000）</h4>
                <!--<div id="toolbar"> </div>-->
                <table id="wuba_table" class="table table-condensed " data-search="false" data-show-columns="true"
                    data-pagination="true" data-side-pagination="client" data-cache="false"
                    data-loading-template="loadingTemplate" data-show-export="true">
                    <thead>
                        <tr>
                            <th data-field="SerialNumber" data-sortable="true" data-formatter="serialFormatter">排名
                            </th>
                            <!-- <th data-field="inword" data-sortable="true" data-formatter="wubaWordFormat">搜索词</th> -->
                            <th data-field="areaname" data-sortable="true">地区</th>
                            <th data-field="catename" data-sortable="true">职类</th>

                            <!-- <th data-field="rnkChange" data-formatter="rnkFormatter" data-sortable="true">排名变动</th> -->
                            <!-- <th data-field="searchPvRatio" data-sortable="true" data-formatter="toPencent">搜索量环比</th> -->
                            <th data-field="searchPv" data-sortable="true" data-formatter="toThousands">搜索量</th>

                            <th data-field="searchEpv" data-sortable="true" data-formatter="toThousands">检索epv</th>
                            <th data-field="searchPvr" data-sortable="true" data-formatter="toPencent">检索pvr</th>
                            <th data-field="searchAs" data-sortable="true" data-formatter="toThousands">检索as</th>
                            <th data-field="realExposureNum" data-sortable="true" data-formatter="toThousands">曝光量</th>
                            <th data-field="infoDetailNum" data-sortable="true" data-formatter="toThousands">点击量</th>
                            <th data-field="searchUv" data-sortable="true" data-formatter="toThousands">检索uv</th>
                            <th data-field="connNum" data-sortable="true" data-formatter="toThousands">连接量</th>
                            <th data-field="resumeDeliveryNum" data-sortable="true" data-formatter="toThousands">投递量
                            </th>
                            <th data-field="imNum" data-sortable="true" data-formatter="toThousands">微聊量</th>
                            <th data-field="telConnNum" data-sortable="true" data-formatter="toThousands">电话量</th>

                            <th data-field="costHjzw" data-sortable="true" data-formatter="toThousands">黄金展位收入</th>
                            <th data-field="costYouxuan" data-sortable="true" data-formatter="toThousands">优选收入</th>
                            <th data-field="searchIncome" data-sortable="true">千次检索收入</th>
                            <th data-field="costTotal" data-sortable="true" data-formatter="toThousands">总收入</th>
                        </tr>
                    </thead>
                </table>

            </div>
        </div>
    </div>
</div>